Gepubliceerd: 20 mei 2025
Tijdens Google I/O 2025 hebben we nieuwe functies onthuld om uw productiviteit te verbeteren en u de mogelijkheid te geven een krachtiger, naadlozer en moderner web te bouwen.
Hieronder vindt u 10 belangrijke innovaties waarmee u direct over de meest geavanceerde mogelijkheden beschikt en die ongetwijfeld een inspiratiebron zullen zijn voor uw volgende project.
1. Carrousels zijn gemakkelijker dan ooit te bouwen met een paar regels CSS en HTML
Bouw prachtige carrousels met CSS die vanaf het eerste moment interactief zijn. Chrome 135 introduceerde nieuwe CSS-primitieven – stijlbare fragmentatie, scrollmarkerelementen en scrollknoppen – waardoor het maken van carrousels zonder JavaScript eenvoudiger wordt. Gebruik vertrouwde CSS-concepten om rijke, interactieve, vloeiende en toegankelijkere carrousels te maken in een fractie van de tijd.
2. Declaratieve popovers: introductie van de nieuwe Interest Invoker API
De experimentele Interest Invoker API is beschikbaar als proefversie . Met deze functie kun je popovers declaratief in- of uitschakelen wanneer de interesse van bezoekers gedurende een korte periode actief is. Vaarwel het onstijlbare [title] -attribuut; hallo [interesttarget] ! Combineer het met de Anchor Positioning API en Popover API om rijke, responsieve en interactieve UI-elementen te creëren, zoals tooltips of hovercards, zonder JavaScript. De mogelijkheden zijn eindeloos met moderne CSS!
3. Er zijn verschillende ingebouwde AI API's beschikbaar die gebruikmaken van toonaangevende modellen zoals Gemini Nano, die nu multimodale mogelijkheden bieden in de Prompt API.
Onze reis naar ingebouwde AI gaat verder en biedt u verbeterde privacy, minder latentie en lagere kosten, samen met toegang tot hoogwaardige, door AI gegenereerde output. Ingebouwde AI maakt gebruik van expertmodellen en Gemini Nano, Googles meest efficiënte model, voor taken op het apparaat. Vanaf Chrome 138 zijn de Summarizer API , Language Detector API , Translator API en de Prompt API voor Chrome-extensies beschikbaar in Stable. Daarnaast zijn de Writer API en Rewriter API beschikbaar in proefversies.
De nieuwe Proofreader API is, samen met de Prompt API met multimodale mogelijkheden, beschikbaar in Chrome Canary.
Voor de meest recente informatie kunt u zich aanmelden voor ons vroege previewprogramma . Zo werkt u samen aan nieuwe ingebouwde AI API's en kunt u de toekomst van AI op het web vormgeven.
4. Client-side AI wordt uitgebreid met Firebase en Gemini Developer API om een hybride AI-oplossing te bieden
Dankzij onze samenwerking met Firebase en Gemini Developer API kunt u nu AI-gestuurde webervaringen bouwen op mobiele apparaten en desktops . Deze applicaties maken waar mogelijk gebruik van client-side AI en schalen naadloos naar server-side AI om alle apparaten en browsers te bereiken. Vanaf vandaag biedt Firebase AI Logic naadloze toegang tot de ingebouwde Prompt API van Chrome, ondersteund door Gemini Nano en vergelijkbare kleinere modellen aan de serverzijde met behulp van de Gemini Developer API.
5. AI-assistentie in Chrome DevTools ondersteunt uw debug-workflow op het gebied van styling, prestaties en meer
Met AI-ondersteuning kunt u chatten met Gemini om u te helpen bij het opsporen van stijlfouten in het paneel Elementen, het oplossen van prestatieproblemen in het paneel Prestaties, het identificeren van netwerkproblemen in het paneel Netwerk en het vinden van bronbestanden in het paneel Bronnen. Bovendien kan AI-ondersteuning nu stylinggerelateerde wijzigingen rechtstreeks toepassen op uw broncode in het paneel Elementen.
6. Gegevens van echte gebruikers, Lighthouse Insights en AI-functies in het Prestatiepaneel van Chrome DevTools helpen u prestatieproblemen te begrijpen en op te lossen
Met het vernieuwde Prestatiepaneel hebt u nu toegang tot lokale en echte Core Web Vitals-gegevens en kunt u Gemini om hulp vragen bij het begrijpen en oplossen van prestatieproblemen. De Insights-zijbalk biedt Lighthouse-inzichten in uw traces, waardoor u sneller kunt debuggen – zonder uw workflow te hoeven verlaten of uw productiviteit te verstoren.
7. De basisfuncties zijn nu beschikbaar in uw vertrouwde tools: VS Code, ESLint en meer
Bereik meer nauwkeurigheid en vertrouwen in uw webontwikkelingsworkflow met Baseline-integratie. Binnen uw vertrouwde webontwikkelingstools krijgt u duidelijk inzicht in de beschikbaarheid van webfuncties in de belangrijkste browsers:
- IDE's: VSCode geeft nu direct tijdens het bouwen de basisstatus van functies weer. Binnenkort komt er ook ondersteuning voor WebStorm van JetBrains en op VS Code gebaseerde IDE's, waaronder Firebase Studio, Windsurf, GitHub Codespaces en meer.
- Linters: CSS- en HTML-linters kunnen je proactief waarschuwen wanneer je een functie gebruikt die nieuwer is dan je Baseline-doel. Baseline wordt in ESLint ondersteund voor CSS , HTML, ESLint en Stylelint .
- Analytics: RUMvision combineert Baseline-gegevens met echte gebruikersstatistieken, zodat u strategisch de optimale Baseline-versie voor uw doelgroep kunt selecteren. Google Analytics-gebruikers kunnen hun gegevens uploaden naar de Google Analytics Baseline Checker om Baseline-aanbevelingen te ontvangen.
- Compilers: gebruik browserslist-config-baseline om uw Baseline-doelen aan te sluiten op uw codecompilatietools zoals Babel en PostCSS, zodat u moderne functies in uw broncode kunt gebruiken en deze kunt compileren in uw productiebuilds.
8. Krijg een volledig beeld van de ondersteuning van webfuncties met het Web Platform Dashboard
Vorig jaar kondigden we het Web Platform Dashboard aan, een manier om de data over webfuncties te verkennen die het volledige webplatform in kaart brengt als een set functies. Nu de dataset met webfuncties 100% in kaart is gebracht, kunt u voor het eerst de basisstatus van elke functie in elke browser bekijken – van AVIF tot View Transitions – inclusief hun beschikbaarheid en acceptatie. Blijf op de hoogte en bouw met vertrouwen!
9. Ontwikkelaarsproefversie voor een gestroomlijnde aanmeldervaring met Credential Manager
We beseffen dat meerdere authenticatiemethoden, waaronder wachtwoorden, identiteitsfederatie en wachtwoordsleutels, voor gebruikers van uw websites problemen kunnen opleveren. Ons doel is om gebruikers een uniforme en moeiteloze aanmeldervaring te bieden. Daarom brengen we de intuïtieve Android Credential Manager naar Chrome. Wanneer gebruikers binnenkort op 'Aanmelden' klikken in Chrome, worden de voor deze website beschikbare inloggegevens, zoals wachtwoordsleutels en wachtwoorden van Google Password Manager, weergegeven, waardoor aanmelden soepel verloopt. We zijn van plan om ook identiteitsfederatie aan deze ervaring toe te voegen. Credential Manager voor het web is nu in de testfase voor ontwikkelaars ; houd ons in de gaten voor meer updates later dit jaar.
10. Werk sneller aan Chrome-extensies met de mogelijkheid om de beoordeling van inzendingen te annuleren
Het indienen van je Chrome-extensie moet soepel, zorgeloos en spannend aanvoelen! We weten echter dat er een probleem was met het snel kunnen herstellen van een fout in een in behandeling zijnde inzending. Eerder dit jaar introduceerden we de mogelijkheid om een in behandeling zijnde inzending te annuleren , een functie die voortbouwt op de mogelijkheid om een eerder gepubliceerde versie terug te draaien . Dit alles met als doel je in staat te stellen snel wijzigingen aan te brengen en opnieuw in te dienen.
Ga voor de laatste informatie naar developer.chrome.com en web.dev om meer te weten te komen over hoe we een krachtig web eenvoudiger maken. Neem ook contact met ons op via X , YouTube en LinkedIn . Tot ziens bij de volgende I/O!
Deloitte verwijst naar een of meer van de volgende entiteiten: Deloitte Touche Tohmatsu Limited, een Britse besloten vennootschap met beperkte aansprakelijkheid ("DTTL"), haar netwerk van aangesloten bedrijven en hun gelieerde entiteiten. DTTL en elk van haar aangesloten bedrijven zijn juridisch afzonderlijke en onafhankelijke entiteiten. DTTL (ook wel "Deloitte Global" genoemd) levert geen diensten aan cliënten. In de Verenigde Staten verwijst Deloitte naar een of meer van de Amerikaanse aangesloten bedrijven van DTTL, hun gelieerde entiteiten die in de Verenigde Staten onder de naam "Deloitte" opereren en hun respectievelijke dochterondernemingen. Bepaalde diensten zijn mogelijk niet beschikbaar voor het certificeren van cliënten volgens de regels en voorschriften van de openbare accountantsdienst. Ga naar www.deloitte.com/about voor meer informatie over ons wereldwijde netwerk van aangesloten bedrijven.